<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html练习</title>
</head>
<body>
    <!--三种标签-->
    <img id="h1"  src="图册/符玄4k无水印jpg.jpg" >  <br><br>
    <div class="cls">传智教育</div> <br>
    <div class="cls">黑马程序员</div> <br>

    <input type="checkbox" name="hobby"> 电影
    <input type="checkbox" name="hobby"> 旅游
    <input type="checkbox" name="hobby"> 游戏
</body>

<script>
//(更换图片) src 属性
 var img=document.getElementById('h1');
 img.src = "图册/a3.png";

//将所有的 div 标签内容后面加上 very good(红色字体)
//设置字体标签我们可以通过 font 标签
var divs= document.getElementsByTagName('div');
for (let i = 0; i < divs.length; i++) {
    //拿到每一个元素
    const div = divs[i];
    div.innerHTML +="<font color='red'>very good";
}
 
//使所有的复选框呈现被选中的状态
var ins=document.getElementsByName('hobby');
for (let i = 0; i < ins.length; i++) {
    const check = ins[i];
    check.checked=true;//选中
}

</script>

</html>
